body
{
	color: #EEEEEE;
  background-color: #222222; 
  margin-left: 0%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: Arial, Gadget, sans-serif;
  width: 98%;
}

a
{
  text-decoration: none;
	color: #AAAAAA;
}

p.contentDesc
{
  font-size: 1.0em;
  font-weight: bold;
  padding-left: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-shadow: 1px 1px #999999;
}

p.linkText
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	cursor: default;
	
  font-size: 1em;
  margin: 0px;
  text-align: center;
}

input.pendingUserButton {
	
	height: 100%;
	width : 30%;
	margin-top: 1em;
	margin-left: 10%;
	margin-right: 10%;
}

div.outerContentBox
{
  width: 96%;
  margin-left: 1%;
  margin-right: 1%;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 1px;
}

div.innerContentBox
{
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-bottom-width: 1px;
}

div.goBackBox
{
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-bottom-width: 1px;
}

div.contentGroupingBox
{
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-top-width: 1px;
}

div.formBox
{
  padding: 3px;
}

p.formDesc
{
  font-size: 1.0em;
  padding-left: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}

div.checkBoxContainer
{
	margin-left: 2em;
	margin-bottom: 1.2em;
}

div.radioButtonContainer
{
	margin-left: 0.8em;
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}



input[type="text"], [type="password"]
{
  color: #FFFFFF;  
  border-style: solid;
  border-width: 1px;
  border-color: #DDDDDD;
  background: #888888;
  height: 1.7em;
  width: 99%;
}

input[name="j_username"], [name="j_password"]
{
  width: 20em;
}

div.linkBox
{	
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-top-width: 1px;
}

div.groupLinkBox
{
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-top-width: 1px;
}

table#showGroupTable 
{
	width: 100%;
  border-collapse:collapse;
	border-style: solid;
  border-color: #AAAAAA;
	border-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
}

table#showGroupTable td, th
{
	width: 33%;
	border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-right-width: 1px; 
}

table#showGroupTable th
{
  padding-top: 5px;
  padding-bottom: 5px;
}

table#showGroupTable td
{
  text-align: center;  
}

div.resultLinkBox 
{
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0px;
  border-top-width: 1px;
}

div#uploadProgressContainer
{
	color: #FF9933;
}

div.footerBox
{
  width: 97%;
  margin-left: 1%;
  margin-right: 2%;
}

span.footerElement
{
  padding: 1%;
  color: #AAAAAA;  
}

span#leftFooter
{
  float: left;
  text-align: left;
}

span#rightFooter
{
  float: right;
  text-align: right;
}

div.headerBox
{
  width: 97%;
  margin-left: 1%;
  margin-right: 2%;
	margin-bottom: 3px;
	margin-top: 10px;
}

span.headerElement
{
  padding: 1%;
  color: #AAAAAA;  
}

@media screen and (min-width:481px) and (max-width:1024px){

  body
  {
    min-width: 480px;
    width: 60%; 
    margin-left: auto;
    margin-right: auto;
  }

}

@media screen and (min-width:1025px) {

  body
  {
    max-width: 700px;
    width: 60%; 
    margin-left: auto;
    margin-right: auto;
  }

}
